@CHARSET "UTF-8";
@def selectionBorderWidth 1px;

.cellTableWidget{
	
}


.cellTableHeader {
  border-bottom: 1px solid #D4D4D4;
  padding: 3px 15px;
  text-align: left;
  color: #4b4a4a;
  text-shadow: #ddf 1px 1px 0;
}


.cellTableNavigationColumn{
	border: 1px solid black;	
	background-color: black;
}

.cellTableFirstColumn {
  
}


.cellTableLastColumn {
  
}


.cellTableFooter {
  border-top: 1px solid #D4D4D4;
  padding: 3px 15px;
  text-align: left;
  color: #4b4a4a;
  text-shadow: #ddf 1px 1px 0;
}

.cellTableCell {
  padding: 2px 15px;
}


.cellTableFirstColumnFooter {
  
}


.cellTableFirstColumnHeader {
  
}


.cellTableLastColumnFooter {
  
}


.cellTableLastColumnHeader {
  
}


.cellTableEvenRow {
  background: #ffffff;
}


.cellTableEvenRowCell {
  border: selectionBorderWidth solid #ffffff;
}


.cellTableOddRow {
  background: #f3f7fb;
}


.cellTableOddRowCell {
  border: selectionBorderWidth solid #f3f7fb;
}


.cellTableHoveredRow {
  background: #eee;
}


.cellTableHoveredRowCell {
  border: selectionBorderWidth solid #eee;
}


.cellTableKeyboardSelectedRow {
  background: #ffc;
}


.cellTableKeyboardSelectedRowCell {
  border: selectionBorderWidth solid #ffc;
}


.cellTableSelectedRow {
  background: #628cd5;
  color: white;
  height: auto;
  overflow: auto;
}


.cellTableSelectedRowCell {
  border: selectionBorderWidth solid #628cd5;  
}


/**
 * The keyboard selected cell is visible over selection.
 */
.cellTableKeyboardSelectedCell {
  border: selectionBorderWidth solid #d7dde8;
}


@sprite .cellTableLoading {
  gwt-image: 'cellTableLoading';
  margin: 30px;
}